<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>CSS实现图片轮播-锚点链接</title>
	<link rel="stylesheet" href="./style.css">
</head>

<body>
	<div class="box">
		<div class="pic">
			<img src="img/pic-1.jpg" alt="图片加载失败！" id="pic1">
			<img src="img/pic-2.jpg" alt="图片加载失败！" id="pic2">
			<img src="img/pic-3.jpg" alt="图片加载失败！" id="pic3">
			<img src="img/pic-4.jpg" alt="图片加载失败！" id="pic4">
		</div>
		<ul>
			<li><a href="#pic1">1</a></li>
			<li><a href="#pic2">2</a></li>
			<li><a href="#pic3">3</a></li>
			<li><a href="#pic4">4</a></li>
		</ul>
	</div>
</body>

</html>